<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>时空大数据|首页</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" th:href="@{static/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{static/css/indexH.css}">
    <link rel="stylesheet" th:href="@{static/css/normalize.css}"/>
    <link rel="stylesheet" th:href="@{static/css/default.css}">
    <link rel="stylesheet" th:href="@{static/css/styles.css}">
    <link rel="stylesheet" th:href="@{static/css/font-awesome.min.css}">

</head>
<body>

<!--<th:block th:include="common/header :: header"/>-->
<div class="container">
    <div id="left">
        <ul id="Tab" class="nav nav-tabs">
            <li id="li1" class="active">
                <a href="#home" data-toggle="tab">模型管理</a>
            </li>
            <li id="li2">
                <a href="#mison" data-toggle="tab">任务进程</a>
            </li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <div id="tool">
                    <section class="model-0">
                        <div class="float-btn-group">
                            <button class="btn-float btn-triger blue">
                                <i id="bar" class="fa fa-bars" aria-hidden="true"></i>
                            </button>
                            <div class="btn-list">
                                <a id="signbtn" href="#" class="btn-float yellow">
                                    <i class="fa fa-plus" aria-hidden="true"></i>
                                </a>
                                <a id="rev" href="#" class="btn-float green">
                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                </a>
                                <a id="rev1" href="#" class="btn-float purple">
                                    <i class="fa fa-repeat" aria-hidden="true"></i>
                                </a>
                                <a id="del" href="#" class="btn-float pink">
                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="tab-pane fade" id="mison" style="height: 700px;background: #f5f5f5;">
                <ul id="taskList" style="height: 100%;list-style-type: none">
                  <!--<li name="" appId="">-->
                      <!--<div class="parallel-tasklist"-->
                           <!--style="margin-top:0px; padding-top:0px;height: 15%;background:#fff;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;">-->
                          <!--<i id='task_status' class=' fa-lg fa fa-cog' style="float:left;color:#ccc333;padding:10px;"-->
                             <!--title='等待提交'></i>-->
                          <!--<div class="text-overflow parallel-tasklist parallel-tasklist-left"-->
                               <!--style="float:left;width:220px;color:#ccc222;padding:8px 0 6px 0;" title="{{this.taskname}}">-->
                              <!--任务名称：<label id="mis_name" style="color:#2bd6ff;font-size: x-small">{{this.taskname}}</label>-->
                          <!--</div>-->
                          <!--<br/>-->
                          <!--<div class="text-overflow parallel-tasklist parallel-tasklist-left"-->
                               <!--style="margin-left: 39px;float:left;width:300px;color:#262626" title="{{this.modelId}}">-->
                              <!--模型名称：<label id="modal_name" style="color:#94ffc0;font-size: x-small">{{this.modelName}}</label>-->
                          <!--</div>-->
                          <!--<br/>-->
                          <!--<div class="parallel-tasklist">-->
                              <!--<label class="" style="float:left;padding-top:25px; margin-left:-300px;color:#bc6ccc">-->
                                  <!--进度监控：-->
                              <!--</label>-->
                              <!--<div class='progress progress-striped active'-->
                                   <!--style='width: 120px;float:left;margin:26px 0 0 -215px;' title="任务进度">-->
                                  <!--<div class='parallel-tasklist progress-bar progress-bar-warning' aria-valuemax="100"-->
                                       <!--aria-valuemin="0" aria-valuenow="40" style='width: 40%;'></div>-->
                              <!--</div>-->
                              <!--<div style='width: 130px;float:right;padding:26px 10px 0 0;color:#cc22cc'>-->
                                  <!--<i id='task_output_download'-->
                                     <!--style="display: {{this.output_download}};float:right;padding-right:2px;"-->
                                     <!--class='fa-lg fa fa-download download' title='下载结果' path='{{this.name}}'-->
                                     <!--taskname='{{this.modelName}}' regioncode='{{this.regioncode}}'-->
                                     <!--regionname='{{this.regionname}}'></i>-->
                                  <!--</div>-->
                          <!--</div>-->
                      <!--</div>-->
                  <!--</li>-->
                </ul>

            </div>
        </div>
        <div id="modelList" style="height: 500px;"></div>
        <!--<div class="addmo">-->
        <!--<img class="box" th:src="@{static/images/box.png}" alt="">-->
        <!--<p>模型名称</p>-->
        <!--<div id="descrption"></div>-->
        <!--<img class="player" th:src="@{static/images/player.png}" alt="开始">-->
        <!--</div>-->
    </div>
    <div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1">
        <!-- 窗口声明 -->
        <div class="modal-dialog modal-sm">
            <!-- 内容声明 -->
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">注册并行模型</h4>
                </div>
                <div class="modal-body">
                    <form class="bs-example bs-example-form" role="form" id="uploadFile" enctype="multipart/form-data">
                        <div class="input-group input-group-lg">
                            <input class="input-xlarge disabled" id="xmlInput" type="text" disabled>
                            <img th:src="@{static/images/xml.jpg}" class="smallimg" onclick="selectXML()">
                            <input type="file" id="addXML" accept=".xml" onchange="getXMLfile(this)">
                        </div>
                        <br>
                        <div class="input-group">
                            <input class="input-xlarge disabled" id="jarInput" type="text" disabled>
                            <img th:src="@{static/images/jar.jpg}" class="smallimg" onclick="selectJAR()">
                            <input type="file" id="addJar" accept=".jar" onchange="getJarfile(this)">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button id="sub1" class="btn btn-default" onclick="registerParallelModel()">提交</button>
                    <button class="btn btn-primary " data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <div id="tools_params_modal" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-md">
            <div class="modal-content">

            </div>
        </div>
    </div>
</div>

<!--并行模型参数模板-->
<script id="parallel_template" type="text/x-handlebars-template">
    <div class="modal-header">
        <button class="close" data-dismiss="modal"><span>&times;</span></button>
        <h2 class="modal-title" style="margin-bottom:0px;">选择参数</h2>
        <input id="select_input" class="input-xlarge" type="hidden"/>
        <h6 id="modelName" style="float:right;margin:0 0 0 0 ;font-size:14px;color:darkgrey;">模型名称：{{artifactId}}</h6>
    </div>
    <div class="modal-body " id="para_body">
        <div id="input_div_task_name" class="form " style="display:block">
            {{#each parameters}}
            <div class='form-group'>
                <label class='control-label'>{{name}} </label>
                <input class='form-control' id='mission_name' type='text' placeholder='请输入{{name}}'/>
                {{/each}}
            </div>
        </div>
    </div>
    <div class="modal-footer" id="parallelModelFooter">
        <button id="back_selectModel" type="button" class="btn btn-primary " onclick="closeParallelModel()">取消</button>
        <button id="submitTask" type="button" class="btn btn-success " onclick="submitClick('{{artifactId}}')">提交
        </button>
    </div>
</script>
<!--并行模型列表模板-->
<script id="parallel_lists_template" type="text/x-handlebars-template">
    {{#each this}}
    <div class='addmo'>
        <img class='box' src='static/images/box.png' alt='图片'>
        <p>{{artifactId}}</p>
        <img class='player' src='static/images/player.png' alt='开始' onclick="showParallelModel('{{ artifactId }}')">
    </div>
    {{/each}}
</script>


<!--<th:block th:include="common/footer :: footer"/>-->
<script th:src="@{static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{static/js/handlebars-v1.3.0.js}"></script>
<script th:src="@{static/js/myjs/JM.js}"></script>
<script th:src="@{static/js/myjs/supervise.js}"></script>
<script th:src="@{static/js/bootstrap.min.js}"></script>
</body>

</html>


